<!DOCTYPE html>
<html>

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Metro 4 -->
    <link rel="stylesheet" href="../static/css/metro-all.css">
    <link rel="stylesheet" href="../static/css/metro.css">
    <link rel="stylesheet" href="../static/css/metro-icons.css">
    <link rel="stylesheet" href="../static/css/metro-colors.css">
    <title>不忘初心,继续前进</title>
    <style>
        .text1 {
            font-size: 18px;
            line-height: 2em;
            text-indent: 2em;
        }

        .text3 {
            font-size: 12px;
            line-height: 1.25em;
            text-indent: 2em;
            color:darkgray;
        }
        .pictext {
            text-align: center;
            font-size: 16px;
            line-height: 1.25em;
        }
    </style>
</head>

<body>

    <aside class="sidebar fixed-left z-2" data-role="sidebar" data-toggle="#sidebar-toggle-3" id="sb3" data-shift=".shifted-content">
        <div class="sidebar-header" data-image="../static/images/qi.jpg">
            <a href="#" class="fg-white sub-action" onclick="Metro.sidebar.close('#sb3'); return false;">
                <span class="mif-arrow-left mif-2x"></span>
            </a>
            <!--头像
                <div class="avatar">
                    <img data-role="gravatar" data-email="sergey@pimenov.com.ua">
                </div>
                -->
            <span class="title fg-white">不忘初心 继续前进</span>
            <span class="subtitle fg-white"> </span>
        </div>
        <ul class="sidebar-menu">
                <li>
                    <a href="index.html">
                        <span class="mif-home icon"></span>主页</a>
                </li>
                <li>
                    <a href="chuxin1.html">
                        <span class="mif-books icon"></span>习近平总书记的初心</a>
                </li>
                <li>
                    <a href="video1.html">
                        <span class="mif-files-empty icon"></span>专题纪录片</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="about.html">
                        <span class="mif-images icon"></span>关于</a>
                </li>
            </ul>
    </aside>
    <div class="shifted-content h-100 p-ab ">

        <div class="app-bar-expand-lg pos-absolute bg-red z-1" data-role="appbar">

            <button class="app-bar-item c-pointer" id="sidebar-toggle-3">
                <span class="mif-menu mif-3x fg-white"></span>
            </button>
            <ul class="app-bar-menu ">
                <li>
                    <a href="index.html">主页</a>
                </li>
                <li>
                    <a href="#" class="dropdown-toggle">追寻初心</a>
                    <ul class="d-menu" data-role="dropdown">
                        <li>
                            <a href="chuxin1.html">习近平总书记的初心</a>
                        </li>
                        <li>
                            <a href="zxsk.html">哲学思考</a>
                        </li>
                        <li class="divider bg-lightGray"></li>
                        <li>
                            <a href="cxsm.html">初心和使命</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="video.html">《不忘初心 继续前进》专题记录片</a>
                </li>
                <li>
                    <a href="jiyu.html">初心寄语</a>
                </li>
                <li>
                    <a href="about.html">关于</a>
                </li>
            </ul>

        </div>

        <div id="content" class="fixed">
            <div class="container-fluid p-5 border border-4 bd-grayWhite mt-3 mb-3 demo-grid">
                <div class="row">
                    <div class="cell-3 offset-2">
                        <div>
                            <h1 class="text-center">不忘初心,继续前进</h1>
                        </div>
                    </div>
                    <div class="cell-4 offset-1 bg-red">
                        <div>
                            <h2 class="text-center">高擎习近平新时代中国特色社会主义思想伟大旗帜</h2>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="cell">
                    <div> </div>
                </div>
                <div class="colspan-6">
                    <h1 class="text-center">不忘初心 继续前进</h1>
                </div>
                <div class="cell">
                    <div> </div>
                </div>

            </div>

            <br>
<hr>
<br>
            <div class="row">
                <div class="cell">
                    <div> </div>
                </div>
                <div class="colspan-6">

                </div>
                <div class="cell">
                    <div> </div>
                </div>

            </div>
            <br>

            <div class="row">
                <div class="cell">
                    <div> </div>
                </div>
                <div class="colspan-6">
                    <p class="text1">
                        123456
                    </p>
                </div>
                <div class="cell">
                    <div> </div>
                </div>

            </div>

        </div>
        <!-- jQuery first, then Metro UI JS -->
        <script src="../static/js/jquery-3.3.1.js"></script>
        <script src="../static/js/metro.js"></script>
        <script src="../static/js/page/index.js"></script>
        <script src="../static/js/jquery.smooth-scroll.js"></script>
</body>

</html>